<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page import="com.solution.common.config.PublicConfig" %>
<%@ page import="com.solution.wx.common.constants.PublicConstants" %> 
<%
	String basePath = PublicConfig.ROOT_PATH;
	String imgRootURL = PublicConfig.IMG_ROOT_URL; //阿里云图片显示域名
	String ossImgZoomWX = PublicConfig.OSS_IMG_ZOOM_WX; //微信图片缩放
%>
<!-- 引入jstl标签库 -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>我的分享</title>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics_wx/css/main2.css">
<script type="text/javascript">
//系统域名 
var rootPath = '<%=basePath %>';
// 系统上传文件展示域名
var imgRootURL = '<%=imgRootURL %>';
// 微信图片缩放
var ossImgZoomWX = '<%=ossImgZoomWX %>';
</script>
<script src="<%=basePath%>/statics_wx/js/jquery.min.js"></script>
<script src="<%=basePath%>/statics_wx/js/js.js"></script>
<script type="text/javascript" src="<%=basePath%>/statics/plugins/layer/layer.js"></script>
</head>
<body style="background: #f3f3f3">
	<c:set var="rootPath" value="<%=basePath %>"></c:set>
	<c:set var="imgRootURL" value="<%=imgRootURL %>"></c:set>
	<c:set var="ossImgZoomWX" value="<%=ossImgZoomWX %>"></c:set>
	<input type="hidden" id="sync_page_num" pname="pageNum" value="${pageBean.currentPage }" />
	<input type="hidden" id="sync_num_per_page" pname="numPerPage" value="${pageBean.numPerPage}" />
	<input type="hidden" id="sync_page_count" pname="pageCount" value="${pageBean.pageCount }" />
	<form id="searchForm" action="${rootPath }/wx/my/myShare" method="post">
		<input name="likeSort" type="hidden" id="sync_likeSort" pname="likeSort" value="${likeSort }"/>
		<input name="commentSort" type="hidden" id="sync_commentSort" pname="commentSort" value="${commentSort }"/>
		<input name="favoriteSort" type="hidden" id="sync_favoriteSort" pname="favoriteSort" value="${favoriteSort }"/>
		<input name="searchKey" type="hidden" id="sync_search_key" pname="searchKey" value="${searchKey}" />
	</form>
	<div class="header">
		<h1>我的分享</h1>
	</div>
	<div class="headerfixed"></div>
	<div class="search_part">
		<div class="search_part_con">
			<p>
				<i></i><span><input id="searchKeyVal" type="search" class="inputstyle1" placeholder="一体机"  value="${searchKey}"/></span>
			</p>
		</div>
	</div>
	<div class="fl_nav1" style="z-index:99;">
		<ul id="sortUl">
			<li ${!empty likeSort ? 'class="current"' : '' }>
				<a name="sortBtn" tag="likeSort" href="javascript:void(0)" sort="${likeSort }">
					<span>点赞数</span>
					<c:choose>
						<c:when test="${!empty likeSort }">
							<img src="<%=basePath %>/statics/images/${likeSort}.png" style="vertical-align: middle;" />
						</c:when>
						<c:otherwise>
							<!-- <em></em> -->
							<img src="<%=basePath %>/statics/images/icon_px3.png" style="vertical-align: middle;" />
						</c:otherwise>
					</c:choose>
				</a>
			</li>
			<li ${!empty favoriteSort ? 'class="current"' : '' }>
				<a name="sortBtn" tag="favoriteSort" href="javascript:void(0)" sort="${favoriteSort }">
					<span>收藏数</span>
					<c:choose>
						<c:when test="${!empty favoriteSort }">
							<img src="<%=basePath %>/statics/images/${favoriteSort}.png" style="vertical-align: middle;" />
						</c:when>
						<c:otherwise>
							<!-- <em></em> -->
							<img src="<%=basePath %>/statics/images/icon_px3.png" style="vertical-align: middle;" />
						</c:otherwise>
					</c:choose>
				</a>
			</li>
			<li ${!empty commentSort ? 'class="current"' : '' }>
				<a name="sortBtn" tag="commentSort" href="javascript:void(0)" sort="${commentSort }">
					<span>评论数</span>
					<c:choose>
						<c:when test="${!empty commentSort }">
							<img src="<%=basePath %>/statics/images/${commentSort}.png" style="vertical-align: middle;" />
						</c:when>
						<c:otherwise>
							<!-- <em></em> -->
							<img src="<%=basePath %>/statics/images/icon_px3.png" style="vertical-align: middle;" />
						</c:otherwise>
					</c:choose>
				</a>
			</li>
		</ul>
	</div>
	<ul id="share_info_list" class="wall">
		<c:forEach items="${pageBean.recordList }" var="shareInfo" varStatus="status">
			<li class="article">
				<div class="box1">
					<div class="pic">
						<img src="${imgRootURL }${shareInfo.sharedProductImagePath }${ossImgZoomWX }" onclick="toShareDetailPage(${shareInfo.id});"/>
					</div>
					<div class="item-info">
						<h2 onclick="toShareDetailPage(${shareInfo.id});">${shareInfo.shareTitle }</h2>
						<dl>
							<%-- <dt>
								<c:choose>
									<c:when test="${fn:contains(shareInfo.wxHeadImage, 'http')}">
										<i><img src="${shareInfo.wxHeadImage }" /></i>
									</c:when>
									<c:otherwise>
										<i><img src="${imgRootURL }${shareInfo.wxHeadImage }${ossImgZoomWX }" /></i>
									</c:otherwise>
								</c:choose>
								<span>${shareInfo.userName }</span>
							</dt> --%>
							<dt>
								<a href="javascriopt:void(0);" class="zan">
									<em class="current"></em>
									<span>${shareInfo.likeQuantity }</span>
								</a>
							</dt>
							<dt>
								<a href="javascriopt:void(0);" class="fav">
									<em class="current"></em>
									<span>${shareInfo.favoriteQuantity }</span>
								</a>
							</dt>
							<dt>
								<a href="javascriopt:void(0);" class="com">
									<em class="current"></em>
									<span>${shareInfo.commentQuantity }</span>
								</a>
							</dt>
						</dl>
					</div>
				</div>
			</li>
		</c:forEach>
	</ul>
	
	<jsp:include page="../../wx_footer.jsp" />
	<script src="<%=basePath%>/statics_wx/js/jaliswall.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=basePath%>/js/wx/my/share/my_share_list.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			$('.wall').jaliswall({ item: '.article' });
		});
	</script>
<style>
	.wall-column {display: block;position: relative;width: 50%;float: left;padding: 12% 2%;box-sizing: border-box;}
	.article{margin-bottom:0.2rem;background:#fff;border-radius:0.08rem;box-shadow:0 0 0.05rem #ccc}
	.box1 .item-info dl dt{float:left;width:33%;}
	.box1 .item-info dl dt a.zan em.current{background:url(<%=basePath%>/statics_wx/images/icon_zan3.png) no-repeat center center;background-size:0.26rem 0.24rem;}
	.box1 .item-info dl dt a.fav em.current{background:url(<%=basePath%>/statics_wx/images/icon_fav3.png) no-repeat center center;background-size:0.26rem 0.24rem;}
	.box1 .item-info dl dt a.com em.current{background:url(<%=basePath%>/statics_wx/images/footer_icon12.png) no-repeat center center;background-size:0.26rem 0.24rem;}
	.fl_nav1{position:fixed;left:0;top:0.9rem;z-index:100;width:100%;height:0.86rem;background:#fff;border-bottom:0.02rem solid #e6e6e6;}
	.fl_nav1 ul li{float:left;width:25%;text-align:center;}
	.fl_nav1 ul li a{display:block;width:100%;line-height:0.86rem;}
	.fl_nav1 ul li.current a span{color:#e72e25}
	.fl_nav1 ul li a span{font-size:0.28rem;display:inline-block;vertical-align:middle;}
	.search_part{position: fixed;left:0;top:0;width:100%;}
</style>
</body>
</html>